<template>
  <div>
    <div class="modal">
      <div class="modal-bg" @click="editCloses"></div>
      <div class="hous">
        <div class="rele-titles">
          <div>
            <span :class="{current:Entryshow === 1}" @click="changeTitle(1)">房源查看</span>
            <span :class="{current:Entryshow === 2}" @click="changeTitle(2)">照片查看</span>
            <span :class="{current:Entryshow === 3}" @click="changeTitle(3)">跟进查看</span>
            <img @click="editCloses" src="../assets/img/tub.png" alt="">
          </div>
        </div>
        <div class="list-scroll">
        <div class="Entry" v-show="Entryshow ===1">
          <ul class="hous-list">
            <!-- 小区 -->
            <li>
              <div class="pub-title"><span class="quar">小区</span></div>
              <div class="pub-w">
                <div class="city">
                  <p>省份</p>
                  <p>城市</p>
                  <p>城区</p>
                  <p>位置</p>
                  <p>楼盘字典</p>
                  <p>分区</p>
                  <p>楼栋</p>
                  <p>单元</p>
                  <p>楼层</p>
                  <p>房号</p>
                  <p>总层</p>
                </div>
                <div class="city">
                  <!-- 省份 -->
                  <p>
                    <select  disabled style="width: 95%;height: 26px;">
                      <option>
                        {{listsss.province}}
                      </option>
                    </select>
                  </p>
                  <!-- 省份 -->
                  <!-- 城市 -->
                  <p>
                    <select style="width: 95%;height: 26px;" disabled>
                      <option>
                        {{listsss.city}}
                      </option>
                    </select>
                  </p>
                  <!-- 城市 -->
                  <!-- 城区 -->
                  <p>
                    <select  disabled  style="width: 95%;height: 26px;">
                      <option>
                        {{listsss.area}}
                      </option>
                    </select>
                  </p>
                  <!-- 城区 -->
                  <!-- 位置 -->
                  <p>
                    <input type="" name="" v-model="listsss.department" :disabled="true"  style="width: 95%;height: 24px;margin-top: 1px;border: 1px solid #a0a0a0;">
                  </p>
                  <!-- 位置 -->
                  <!-- 楼盘 -->
                  <p>
                    <select  disabled  style="width: 95%;height: 26px;">
                      <option>
                        {{listsss.premises_name}}
                      </option>
                    </select>
                  </p>
                  <!-- 楼盘 -->
                  <!-- 分区 -->
                  <p>
                    <select disabled  style="width: 95%;height: 26px;">
                      <option>
                        {{listsss.partition}}
                      </option>
                    </select>
                  </p>
                  <!-- 分区 -->
                  <!-- 楼栋 -->
                  <p>
                    <select  disabled  style="width: 95%;height: 26px;">
                      <option>
                        {{listsss.building}}
                      </option>
                    </select>
                  </p>
                  <!-- 楼栋 -->
                  <!-- 单元 -->
                  <p>
                    <select  disabled style="width: 95%;height: 26px;">
                      <option>
                        {{listsss.unit}}
                      </option>
                    </select>
                  </p>
                  <!-- 单元 -->
                  <!-- 楼层 -->
                  <p>
                    <select  disabled  style="width: 95%;height: 26px;">
                      <option>{{listsss.floor}}</option>


                    </select>
                  </p>
                  <!-- 楼层 -->
                  <!-- 房号 -->
                  <p>
                    <select  disabled style="width: 95%;height: 26px;">
                      <option>
                        {{listsss.room_num}}
                      </option>
                    </select>
                  </p>
                  <!-- 房号 -->
                  <!-- 总层 -->
                  <p>
                    <input type="" name="" v-model="listsss.all_floor" disabled  style="width: 95%;height: 24px;margin-top: 1px;border: 1px solid #a0a0a0;">
                  </p>
                  <!-- 总层 -->
                </div>
              </div>
            </li>
            <!-- 小区 end-->
            <!-- 户型 -->
            <li>
              <div class="pub-title">户型</div>
              <div class="pub-w">
                <ul class="layout">
                  <li>
                    <span>房</span>
                    <select  disabled
                               style="width:70%;float: left;margin-right: 10px;height: 26px;">
                      <option>
                         {{listsss.ht_room_num}}
                      </option>
                    </select>
                  </li>
                  <li>
                    <span>厅</span>
                    <select  disabled
                               style="width:70%;float: left;margin-right: 10px;height: 26px;">
                      <option>
                        {{listsss.ht_office_num}}
                      </option>
                    </select>
                  </li>
                  <li>
                    <span>卫</span>
                    <select  disabled
                               style="width:70%;float: left;margin-right: 10px;height: 26px;">
                      <option>
                          {{listsss.ht_toilet_num}}
                      </option>
                    </select>
                  </li>
                  <li>
                    <span>阳台</span>
                    <select disabled
                               style="width:65%;float: left;margin-right: 10px;height: 26px;">
                      <option>
                        {{listsss.ht_balcony_num}}
                      </option>
                    </select>
                  </li>
                  <li>
                    <span>车库</span>
                    <select  disabled style="width:55%;float: left;margin-right: 10px;height: 26px;">
                      <option>
                        {{listsss.parking_lot}}
                      </option>
                    </select>
                  </li>
                  <li>
                    <input v-model="listsss.code" style="width:35%;margin-left:10px;height: 24px;border: 1px solid #a0a0a0;" disabled>
                    <span>房源编号</span>
                  </li>
                </ul>
              </div>
            </li>
            <!-- 户型 end-->
            <!-- 面积 -->
            <li>
              <div class="pub-title">面积</div>
              <div class="pub-w">
                <ul class="layout">
                  <li>
                    <span>㎡</span>
                    <input type="" style="width:65%;height: 24px;border: 1px solid #a0a0a0; float:left;margin-right:10px; "  name="" :disabled="true"
                              v-model="listsss.acreage">
                  </li>

                  <li>
                    <span>朝向</span>
                    <select v-model="listsss.orientation_id" disabled
                               style="width:70%; float:left;margin-right:10px;height: 26px;" filterable>
                      <option
                        v-for="item in Downlist.orientation"
                        :key="item.id"
                        :label="item.title"
                        :value="item.id">
                      </option>
                    </select>
                  </li>
                  <li>
                    <span>类型</span>
                    <select v-model="listsss.type_id" disabled style="width:68%; float:left;margin-right:10px;height: 26px;"
                               filterable>
                      <option
                        v-for="item in Downlist.type"
                        :key="item.id"
                        :label="item.title"
                        :value="item.id">
                      </option>
                    </select>
                  </li>
                  <li>
                    <span>建房年代</span>
                    <input type="" style="width:40%; float:left;margin-right:10px;height: 24px;border: 1px solid #a0a0a0;" name="" :disabled="true"
                              v-model="listsss.building_year">
                  </li>

                  <li>
                    <span>是否钥匙房源</span>
                    <select name="" id="" v-model="listsss.is_has_key" style="width: 40%;height: 26px;">
                      <option value="0">不是</option>
                      <option value="1">是</option>
                    </select>
                  </li>

                </ul>
              </div>
            </li>
            <!-- 面积 end-->
          </ul>
          <ul class="hous-list hous-list1">
            <!-- 交易 -->
            <li>
              <div class="pub-title">交易</div>
              <div class="pub-w">
                <ul class="layout">
                  <li>

                     <select v-model="listsss.transaction_id"  disabled
                               style="width:70%; float:left;margin-right:10px;height: 26px;">
                      <option v-for="(item,index) in listsss.select_item.transaction" :key="index" :value="item.id">
                        {{item.title}}

                      </option>
                    </select>

                    <span>交易</span>
                  </li>
                  <li>
                    <span>状态</span>

                    <select v-model="listsss.status" disabled style="width:70%; float:left;margin-right:10px;height: 26px;"
                    >
                      <option v-for="(item,index) in listsss.select_item.status" :value="item.id" :key="index" >
                        {{item.title}}
                      </option>
                    </select>
                  </li>


                  <li>
                    <span>物业费</span>
                    <input type="" style="width:55%; float:left;margin-right:10px;height: 24px;border: 1px solid #a0a0a0;" name="" :disabled="true"
                              v-model="listsss.property_cost">
                  </li>
                  <li>
                    <select v-model="listsss.is_public"
                            style="width:65%; float:left;margin-right:10px;height: 26px;" filterable :disabled="true">
                      <option v-for="(item,index) in listsss.select_item.public_private" :key="index" :value="item.id" >
                        {{item.title}}
                      </option>
                    </select>
                    <div class="right-title" style="width: 20%;">性质</div>
                  </li>
                </ul>
              </div>
            </li>
            <!-- 交易 end-->
            <!-- 售价 -->
            <li>
              <div class="pub-title">总售价</div>
              <div class="pub-w">
                <ul class="layout">
                  <li>
                    <span>万元</span>
                    <input type="" style="width:65%; float:left;margin-right:10px;height: 24px;border: 1px solid #a0a0a0;" name="" :disabled="true"
                              v-model="listsss.sell">
                  </li>
                  <li>
                    <span>售单价</span>
                    <input type="" style="width:55%; float:left;margin-right:10px;height: 24px;border: 1px solid #A0a0a0;" name="" :disabled="true"
                              v-model="listsss.sell_average">
                  </li>
                  <li>
                    <span>租价</span>
                    <input type="" style="width:62%; float:left;margin-right:10px;height: 24px;border: 1px solid #A0a0a0;" name="" :disabled="true"
                              v-model="listsss.sell_min_average">
                  </li>
                  <li>
                    <span>押金</span>
                    <input type="" style="width:60%; float:left;margin-right:10px;height: 24px;border: 1px solid #a0a0a0;" name="" :disabled="true"
                              placeholder="万元" v-model="listsss.sell_min">
                  </li>

                </ul>
                <div class="right-li">
                  <div class="right-input">

                  </div>
                </div>

                <ul class="layout">

                <!--<div class="right-li" style="width:20%">-->
                <!--<div class="right-input">-->
                  <!--<input disabled="disabled" v-model="listsss.mode" style="width:92%;right: 5%;position: relative;border: 1px solid #a0a0a0;">-->
                 <!---->
                <!--</div>-->
                  <!--<span style="line-height:27px;">跟进方式</span>-->
                <!--</div>-->
                <div class="right-li"  style="float: left;width:20%;">
                <div class="right-input">
                  <input disabled="disabled" v-model="listsss.owner_phone" style="width:80%;border: 1px solid #a0a0a0;padding-left: 10px;">
                </div>
                 <span style="line-height:27px;">业主电话</span>
              </div>

               <div class="right-li"  style="float: left;width:20%;">
                <div class="right-input">
                  <input disabled="disabled" v-model="listsss.owner_name" style="width:80%;border: 1px solid #a0a0a0;padding-left: 10px;">
                </div>
                 <span style="line-height:27px;">业主姓名</span>
              </div>
                </ul>
              </div>
            </li>

            <!-- 现状 -->
            <div class="pub-right">
              <div class="right-li">
                <div class="right-title">现状</div>
                <div class="right-input">
                  <select v-model="listsss.present_situation" disabled
                             style="width:90%; float:left;margin-right:10px;height: 26px;" filterable>
                    <option
                      v-for="(item,index) in listsss.select_item.situation" :key="index" :value="item.id" >
                      {{item.title}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="right-li">
                <div class="right-title">产权</div>
                <div class="right-input">
                  <select v-model="listsss.property_right_id" disabled
                             style="width:90%; float:left;margin-right:10px;height: 26px;" filterable>
                    <option
                      v-for="(item,index) in listsss.select_item.property_right"  :key="index" :value="item.id">
                        {{item.title}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="right-li">
                <div class="right-title">家电</div>
                <div class="right-input">
                  <select v-model="listsss.house_electric_id" disabled
                             style="width:90%; float:left;margin-right:10px;height: 26px;" filterable>
                    <option
                      v-for="item in listsss.select_item.house_electric"
                      :key="item.id"

                      :value="item.id">
                      {{item.title}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="right-li">
                <div class="right-title">装修</div>
                <div class="right-input">
                  <select v-model="listsss.renovation_id" disabled style="width:90%; float:left;margin-right:10px;height: 26px;"
                             filterable>
                    <option
                      v-for="item in listsss.select_item.renovation"
                      :key="item.id"

                      :value="item.id">
                      {{item.title}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="right-li">
                <div class="right-title">家具</div>
                <div class="right-input">
                  <select v-model="listsss.house_furnish_id" disabled
                             style="width:90%; float:left;margin-right:10px;height: 26px;" filterable>
                    <option
                      v-for="item in listsss.select_item.house_furnish"
                      :key="item.id"

                      :value="item.id">
                        {{item.title}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="right-li">
                <div class="right-title">证件</div>
                <div class="right-input">
                  <select v-model="listsss.card_type_id" disabled style="width:90%; float:left;margin-right:10px;height: 26px;"
                             filterable>
                    <option
                      v-for="item in listsss.select_item.card_type"
                      :key="item.id"

                      :value="item.id">
                        {{item.title}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="right-li">
                <div class="right-title">佣金</div>
                <div class="right-input">
                  <select v-model="listsss.commission_id" disabled style="width:90%; float:left;margin-right:10px;height: 26px;"
                             filterable>
                    <option
                      v-for="item in listsss.select_item.commission"
                      :key="item.id"

                      :value="item.id">
                        {{item.title}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="right-li">
                <div class="right-title">看房</div>
                <div class="right-input">
                  <select v-model="listsss.look_house_id" disabled style="width:90%; float:left;margin-right:10px;height: 26px;"
                             filterable>
                    <option
                      v-for="item in listsss.select_item.look_house"
                      :key="item.id"
                      :value="item.id">
                        {{item.title}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="right-li">
                <div class="right-title">委托方式</div>
                <div class="right-input">
                  <select v-model="listsss.entrust_method" disabled style="width:90%; float:left;margin-right:10px;height: 26px;"
                             filterable>
                    <option
                      v-for="item in listsss.select_item.entrust_method"
                      :key="item.id"

                      :value="item.id">
                        {{item.title}}
                    </option>
                  </select>
                </div>
              </div>
              <div class="right-li">
                <div class="right-title">委托时间</div>
                <div class="right-input">
                  <el-date-picker style="width:90%;border: 1px solid #a0a0a0;" disabled v-model="listsss.entrust_date"
                                  type="date">
                  </el-date-picker>
                </div>
              </div>
            </div>
            <!-- 现状 end-->
          </ul>
          <!-- 底部 -->
          <div class="footer">
            <ul class="hous-list hous-list1">
              <!--<li>-->
                <!--<div class="pub-title">跟进内容</div>-->
                <!--<div class="pub-w">-->
                  <!--<ul class="layout">-->
                    <!--<li style="width:73%!important">-->
                      <!--<textarea v-model="listsss.remark" disabled ></textarea>-->
                    <!--</li>-->
                  <!--</ul>-->
                <!--</div>-->
                <!--</li>-->
              <li>
                <div class="pub-title">房源概况</div>
                <div class="pub-w">
                  <ul class="layout">
                    <li style="width:73%!important">
                      <textarea v-model="listsss.survey" disabled></textarea>
                    </li>
                  </ul>
                </div>
              </li>
            </ul>
            <div class="footer-right">
              <div class="footer-li">
                <span>向系统推荐该房源</span>
                <el-checkbox v-model="listsss.is_recommend"></el-checkbox>
              </div>
              <div class="footer-li">
                <span>发布到我的微店</span>
                <el-checkbox v-model="listsss.is_sent_shop"></el-checkbox>
              </div>
              <div class="footer-b">
                <div class="footer-b-li">
                  <div class="footer-title">经纪人</div>
                  <div class="footer-input">
                    <input type="" style="width:75%; float:left;margin-right:10px;height: 24px;padding-left: 10px;" name="" :disabled="true"
                              v-model="listsss.agent_user">
                  </div>
                </div>
                <div class="footer-b-li">
                  <div class="footer-title">小组</div>
                  <div class="footer-input">
                    <input type="" style="width:75%; float:left;margin-right:10px;height: 24px;padding-left: 10px;" name="" :disabled="true"
                              v-model="listsss.group">
                  </div>
                </div>
                <div class="footer-b-li">
                  <div class="footer-title">门店</div>
                  <div class="footer-input">
                    <input type="" style="width:75%; float:left;margin-right:10px;height: 24px;padding-left: 10px; " name="" :disabled="true"
                              v-model="listsss.store">
                  </div>
                </div>
                <div class="footer-b-li">
                  <div class="footer-title">区域</div>
                  <div class="footer-input">
                    <input type="" style="width:75%; float:left;margin-right:10px;height: 24px;padding-left: 10px;" name="" :disabled="true"
                              v-model="listsss.department">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 底部 end-->
        </div>
            <div class="img_style" v-show="Entryshow ===2">
              <div class="img-left">图片</div>
              <div class="img_img">
                <div v-for="(item,index) in imgData" :key="index">
                  <img :src="item.file_url" alt="" @click="bigImg('xgw',index)" >
                </div>
              </div>
              <div class="video-right">视频</div>
              <div class="video-list">
                <!--<div v-for="(item,index) in videoData" :key="index">-->
                  <!--<video id="myAudio" :src="item.file_url" tywpe="video/mp4" class="video-lenge" style=" object-fit: fill" controls="controls"-->
                         <!--width="400" height="300"></video>-->
                <!--</div>-->
                <!--</div>-->
                <div class="videoWarp"  v-for="(item,index) in videoData.video" :key="index">
                  <video  @play="play(index)" class="img_list" controls ref="videos" :src="item.file_url"></video>
                </div>
              </div>
            </div>

          <!--//图片放大-->
          <div class="image_Up"  v-show="Pictureshow">
            <el-carousel name="item"  height="600px"  :interval="2000" :autoplay="isAutoplay" :initial-index="showIndex" arrow="always">
              <el-carousel-item    v-for="(item,index) in images_url_list" :key="index">
                <img  :src="item.file_url" alt="">
              </el-carousel-item>
            </el-carousel>
            <div class="minClose" @click="btnClose">
              <img src="../assets/img/tu.jpg" alt="">
            </div>
          </div>
          <!--//图片放大-->


          <!--跟进记录-->
          <div v-show="Entryshow ===3">
            <div>
              <div class="sale-info">
                <table>
                  <!-- 标题 end-->
                  <tr class="sale-info-title">
                    <td>跟进人</td>
                    <td>跟进方式</td>
                    <td>跟进内容</td>
                    <td>跟进时间</td>
                    <td>跟进编辑</td>
                  </tr>
                  <!-- 标题 end-->
                  <!-- 列表循环 -->
                  <tr v-for="(item,index) in allList" :key="index">
                    <td>{{item.user.name}}</td>
                    <td>{{item.mode}}</td>
                    <td>{{item.content}}</td>
                    <td>{{item.create_time}}</td>
                    <td><span class = "edit" @click="Guest(item.id)">跟进编辑</span></td>
                  </tr>
                  <!-- 列表循环 end-->
                </table>
                <!-- 分页 -->
                <div class="page-list" v-show="pageShows">
                  <el-pagination
                    @current-change="currentChange"
                    layout="prev, pager, next" :current-page="datas.current_page" :page-size="datas.per_page"
                    :total="datas.total">
                  </el-pagination>
                </div>
                <!-- 分页 end-->
              </div>
              <!-- 楼盘列表 end-->
              <!--提示弹框-->
              <div v-show="submitShow">
                <Modal :ModalClose="Closesubmit" :message="message" :pushTo="pushTo"></Modal>
              </div>
              <!--跟进编辑-->
              <div v-show="GuestShow">
              <Guest :LDmodal="opensunmit" :ids="guestId" :GuestClose="openGuest"></Guest>
              </div>
            </div>
          </div>
       </div>
      </div>
    </div>
    <!-- 提交成功 -->
    <div v-show="Modalshow">
      <Modal :ModalClose="submit"></Modal>
    </div>
    <!-- 提交成功 end -->
  </div>
</template>
<script type="text/babel">
  import Modal from './modal';
  import Guest from './Guest'

  export default {
    components: {
      Modal,
      Guest
    },
    props: {
      editCloses: {
        type: Function
      },
      ids:{},
      listsss: {
        type: Object
      },
      sid: {
        type: Number
      },
      entryShowId:{

      }
    },

    data() {
      return {
        Pictureshow: false,  //图片放大
        imgUrl: 1,           //图片放大
        isAutoplay:true,     //是否自动播放
        showIndex:0,         //显示图片索引
        images_url_list:[], //轮播图图片
        guestId:'',
        GuestShow:false,
        title:'',
        imgData: [],
        videoData: [],
        Modalshow: false,
        // 下拉
        looks: '',
        province_code: '',
        look: [],
        Downlist:[],
        textarea: '',
        Followshow: false,
        Entryshow:1,
        Reco: [],
        isdisplay: true,
        isdisplays: false,
        roomsValue: '',
//跟进记录
        pageShows:false,
        submitShow:false,
        message: '',
        pushTo: '',
        allList:[],
        quyuListL:[],//区域列表
        mendianListL:[],//门店列表
        yuangongList:[],//员工列表
        upList:[],//跟进放上来列表
        datas:[],
        formData:{
          page:1,
          group_id:'',//小组id
        },
        Downlist: {},
        partition: [],
        room: '',
        checked: true,
        floor: [],
        buil: [],
        premises: '',
        unit: [],
        proper: [],
        id: '',
        // 照片上传
        dialogImageUrl: '',
        dialogVisible: false,
        // 省份
        prov: [],
        city: []
      }
    },
    computed: {
      SSid() {
        return this.sid
      },
      eeeees() {
        return this.listsss
      }

    },
    methods: {

      //play 视频
      play(i){
        this.$refs.videos.forEach((item,index)=>{
          if(index != i){
            item.pause();
          }
        })
      },

      updataEntryshow(){
        this.Entryshow = 1;

      },

      changeTitle(id) {
        if (id === 2) {
          this.$http.get('/index/house_file', {
            params: {
              file_index: this.listsss.file_index,
              type_id: 1
            }
          }).then(res => {
            console.log(res.data);
            this.imgData = res.data;
          }).catch(error => {
            console.log(error)
          });
          this.$http.get('/index/house_file', {
            params: {
              file_index: this.listsss.file_index,
              type_id: 2
            }
          }).then(res => {
            console.log(res.data);
            this.videoData = res.data;
          }).catch(error => {
            console.log(error)
          })

          //跟进记录弹窗
          this.$http.get('/index/house_file', {
            params: {
              file_index: this.listsss.file_index,
              type_id: 3
            }
          }).then(res => {
            console.log(res.data);
            this.videoData = res.data;
          }).catch(error => {
            console.log(error)
          })
        }
        this.Entryshow = id;
      },
      //跟进记录
      Closesubmit() {
        this.message = '';
        this.pushTo = '';
        this.submitShow = false
      },
      // 跟进编辑
      Guest:function(id){
           this.guestId = id;
           this.GuestShow = !this.GuestShow
      },
      openGuest:function(){
        this.GuestShow = !this.GuestShow
      },
      // 打开提示弹窗
      opensunmit() {
        this.message = this.$store.state.messageString;
        this.submitShow = true;
        this.submitHide();

      },
      // 分页
      currentChange(val){
        let that = this;
        that.formData.page = val;
        that.$http.get('/index/house_up',{
          params:that.formData
        }).then(res => {
          that.allList = res.data.data;
          that.datas = res.data;
          console.log(that.formData.page + '-----' + val)
        }).catch(err => {
          console.log(err)
        })
      },
      setHouseUp(){
        let that = this;
        that.$http.get('/index/house_up',{
            params: this.formData
          }
        ).then(res=>{
          that.allList = res.data.data;
          that.datas = res.data;
          if(res.data.total > res.data.per_page){
            that.pageShows = true
          }else {
            that.pageShows = false
          }
        }).catch(err=>{
          console.log(err)
        })
      },
      //获取区域
      setQuyu(){
        let that = this;
        that.$http.get('/index/department',{
          params:{
            id:0
          }
        }).then(res=>{
          // console.log(res.data);
          that.quyuListL = res.data
        }).catch(err=>{
          console.log(err)
        })
      },
      //获取门店列表
      setMenD(id){
        let that = this;
        that.$http.get('/index/department',{
          params:{
            id:id
          }
        }).then(res=>{
          // console.log(res.data);
          that.mendianListL = res.data
        }).catch(err=>{
          console.log(err)
        })
      },
      //获取小组
      setXiaoZ(id){
        let that = this;
        that.$http.get('/index/department/staff_store/' + id,{
        }).then(res=>{
          // console.log(res.data);
          that.yuangongList = res.data
        }).catch(err=>{
          console.log(err)
        })
      },
      setUpL(){
        let that = this;
        that.$http.get('/index/house_up/mode',{})
        .then(res=>{
          that.upList = res.data;
          // console.log(res.data)
        }).catch(err=>{
          console.log(err)
        })
      },

      SetRecoList(page) {
        let that = this;
        this.$http.get('/index/house_up', {
          params: {
            page: page

          }
        }).then(function(res) {
          that.Reco = res.data;
        }).catch(function(err) {
          console.log(err);
        })
      },
      // 设置下拉列表
      SetDownList() {
        let that = this;
        that.$http.get('/index/house/save_select_item').then(function(res) {
          that.Downlist = res.data
        }).catch(function(err) {
          console.log(err);
        })
      },
      // 获取城市下拉
      provchange() {
        let that = this;
        that.$http.get('/newapi/Area/getAreaRegion', {
          params: {
            country_code: 'CN',
            upper_region: that.listsss.province_code
          }
        }).then(function(res) {
          let data = res.data
          that.city = data.res
        }).catch(function(err) {
          console.log(err);
        })
      },
      // 获取城区下拉
      citychange() {
        let that = this;
        that.$http.get('/newapi/Area/getAreaRegion', {
          params: {
            country_code: 'CN',
            upper_region: that.listsss.city_code
          }
        }).then(function(res) {
          let data = res.data;
          that.proper = data.res;
        }).catch(function(err) {
          console.log(err);
        })
      },
      // 设置楼盘下拉
      salechange() {
        let that = this;
        that.$http.get('/index/house/save_select_item').then(function(res) {
          let data = res.data;
          that.premises = data.premises;

        }).catch(function(err) {
          console.log(err);
        })
      },
      // 分区下拉列表
      partchange(id) {
        // 存楼盘id
        var id = id;
        this.id = id;
        let that = this;
        that.$http.get('/newapi/Premisespartition/getdong', {params: {premises_id: that.listsss.premises_id}}).
          then(function(res) {
            let data = res.data
            that.partition = data.res
          }).
          catch(function(err) {
            console.log(err);
          })
      },
      // 楼栋下拉
      builchange(id) {
        var id = id;
        this.id = id;
        let that = this;
        that.$http.get('/newapi/Premisesbuilding/getdong', {params: {premisespartition_id: that.listsss.partition_id}}).
          then(function(res) {
            let data = res.data
            that.buil = data.res
          }).
          catch(function(err) {
            console.log(err);
          })
      },
      // 单元下拉
      unitchange(id) {
        var id = id;
        this.id = id;
        let that = this;
        that.$http.get('/newapi/Premisesunit/getdanyuan', {params: {premisesbuilding_id: that.listsss.building_id}}).
          then(function(res) {
            let data = res.data
            that.unit = data.res
          }).
          catch(function(err) {
            console.log(err);
          })
      },
      // 楼层下拉
      floorchange(id) {
        var id = id;
        this.id = id;
        let that = this;
        that.$http.get('/newapi/Premisesfloor/getlouceng', {params: {premisesunit_id: that.listsss.unit_id}}).
          then(function(res) {
            let data = res.data
            that.floor = data.res
          }).
          catch(function(err) {
            console.log(err);
          })
      },
      // 房号
      roomchange(id) {
        var id = id;
        this.id = id;
        let that = this;
        that.$http.get('/newapi/Premisesfloor/getlouceng', {params: {premisesunit_id: that.listsss.floor_id}}).
          then(function(res) {
            let data = res.data
            that.room = data.res
          }).
          catch(function(err) {
            console.log(err);
          })
      },
      // 提交房源
      submit() {

        // let that = this;
        // that.$http.post('/index/house/edit/' + that.SSid, {
        //   premises_id: that.listsss.premises_name,
        //   province_code: that.listss.province_code,
        //   city_code: that.listss.city,
        //   area_code: that.listss.e_area_code
        // }).then(function(res) {
        //   console.log(res, 123456)
        // }).catch(function(err) {
        //   console.log(err);
        // })
      },

      //关闭轮播图
      btnClose(){
        this.images_url_list = [];
        this.isAutoplay = false;
        this.Pictureshow = false;
      },

      // 图片放大
      bigImg(type,index) {
        this.Pictureshow = true;
        this.isAutoplay = true;
        switch (type){
          case 'xgw':this.images_url_list = this.file_list; break;
        }

      },

    },
    mounted() {
      this.listsss.is_sent_shop = this.listsss.is_sent_shop == 1?true:false

      this.SetRecoList();
      this.SetDownList();
      // 设置省下拉列表
      let that = this;
      that.$http.get('/newapi/Area/getAreaRegion', {params: {country_code: 'CN'}}).then(function(res) {
        let data = res.data;
        that.prov = data.res;
      }).catch(function(err) {
        console.log(err);
      }),
        // 跟进方式列表
        this.$http.get('/index/house_up/mode').then(function(res) {
          console.log()
          that.look = res.data
        }).catch(function(err) {
          console.log(err);
        })

    },
    //跟进记录
    created(){
      let that = this;
      that.setQuyu();
      that.setUpL();
      that.setHouseUp();
    },

  }
</script>
<style scoped>
  .modal .hous{
    height:576px;
    overflow: hidden;
  }

  .modal .list-scroll{
    height:525px;
    overflow: hidden;
    overflow-y: scroll;
  }
  .rele-titles{
    height:50px;
    overflow: hidden;
  }
  .current {
    color: #ed7d31;
    background: #fff;
  }

  .footer-btn button {
    padding: 10px 15px;
    background:#ed7d31;
    color: #fff;
    border: none;
    border-radius: 5px;
  }

  .footer-btn button:nth-child(1) {
    margin-right: 10px;
  }
  .footer-input {
    width: 70%;
    float: left;
  }

  .footer-input input {
    width: 70%;
    height: 27px;
    float: left;
    margin-left: 5%;
    border: 1px solid #d3d3d3;
  }

  .footer-title {
    width: 30%;
    float: left;
  }

  .footer-b-li {
    width: 50%;
    margin-top: 20px;
    float: left;
  }

  .footer-b {
    margin-top: 20px;
  }

  .footer-li span {
    margin-right: 10px;
    line-height: 27px;
    display: inline-block;
  }

  .footer-li {
    width: 50%;
    float: left;
  }

  .layout li textarea {
    width: 92%;
    height: 80px;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
  }

  .footer {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 5px;
    background: #fff
  }

  .footer-right {
    width: 30%;
    position: absolute;
    right: 0;
    top: -80px;
  }

  .right-input {
    width: 67%;
    float: left;
  }

  .right-input input {
    width: 85%;
    height: 27px;
    float: left;
    margin-left: 5%;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;

  }
  .upload button{
    background: #ed7d31;
    border-radius: 5px;
    padding: 5px 10px;
    border: none;
  }
  .upload button:hover{
    background: #55a532;
  }
  .right-title {
    width: 33%;
    line-height: 27px;
    float: left;
  }

  .pub-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 32%;
    padding-left: 1%;
    float: right;
    box-sizing: border-box;
    border-left: 5px solid #f9f9f9;

  }

  .right-li {
    width: 50%;
    margin-top: 20px;
    float: left;
  }

  .hous-list1 {
    margin-top: 5px;
    position: relative;
  }

  .layout {
    width: 100%;
    float: left;
  }

  .layout li {
    width: 16.666666667% !important;
    float: left;
    line-height: 27px;
    text-align: left;
    margin-top: 0 !important;
  }

  .layout li input {
    width: 58%;
    float: left;
    padding-left: 5%;
    font-size: .9em;
    margin-right: 10px;
    height: 27px;
    border: 1px solid #d3d3d3;
  }

  .quar {
    margin-top: 27px;
    display: inline-block;
  }

  .city p input {
    width: 100%;
    float: left;
    height: 27px;
    border: 1px solid #d3d3d3;
  }

  .city {
    width: 100%;
    float: left;
  }

  .city p {
    font-weight: bold;
    line-height: 27px;
    width: 9.0909090909%;
    float: left;
    text-align: center;
  }

  .pub-w {
    width: 90%;
    float: left;
    margin-top: 20px;
    padding-right: 3%;
  }

  .pub-title {
    width: 7%;
    line-height: 27px;
    font-weight: bold;
    float: left;
    text-align: center;
  }

  .hous-list {
    width: 100%;
    float: left;
    height: 231px;
    top: -91px;
    background: #fff;
    padding-bottom: 10px;
    text-align: center;
  }
  /*.hous-lists{*/
    /*width: 100%;*/
    /*float: left;*/
    /*height: 139px;*/
    /*background: #fff;*/
    /*padding-bottom: 10px;*/
    /*text-align: center;*/
  /*}*/

  .hous-list li {
    margin-top: -5px;
    width: 100%;
    float: left;
  }

  .hous {
    background: #f9f9f9;
    left: 15%;
    margin-top: 6%;
    position: relative;
    z-index: 100;
    border-radius: 5px;
    box-shadow: #e8e7e7 0px 0px 10px;
    width: 1000px;
    height: 500px!important;
    overflow: hidden;
    overflow-y: scroll;
  }
  .img_color{
    background-color: #55a532 !important;
    color: #fffdef;
  }

  .rele-titles img{
    position: absolute;
    right:15px;
    vertical-align: middle;
    line-height:50px;
    cursor: pointer;
    top:15px;
    cursor: pointer;
  }

  .rele-titles {
    width:100%;
    padding: 0 2%;
    line-height: 50px;
    font-size: 2em;
    color: #000;
    background: #f5f5f7;
    z-index: 9;
    border-bottom: 1px solid #d3d3d3;

  }
  .rele-titles span{
    cursor: pointer;
  }

/*跟进记录*/
  .sale-info {
    width: 99%;
    float: left;
    padding-left: 6px;
    /*position: fixed;*/
    margin-top: 5px;
    height: calc(100% - 214px);
    /*overflow-y: scroll;*/
  }
  table {
    width: 100%;
  }
  table td {
    line-height: 30px;
    height: 30px;
    border: 1px solid #d3d3d3;
  }

  .page-list {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 100px;
  }
  /*}*/
  .sale-list-li-input select{
    width: 90%;
    float: left;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #a0a0a0;
  }

  .sale-list-li-inputz input {
    width: 40% !important;
    float: left;
  }
  .sale-list-li-inputz input:nth-child(2) {
    margin-left: 8%
  }
  .sale-info-title {
    background-color: #1590ed;
    width: 100%;
    overflow: hidden;
    font-weight:bold;
  }
  tr:nth-child(n+2):hover{
    background: #f9f9f9
  }
  .sale-list-li-input input {
    width: 84%;
    float: left;
    height: 27px;
    line-height: 30px;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #a0a0a0;
  }
  .sale-btn button {
    margin-right: 40px;
    font-size: 1.1em;
    padding: 5px 10px;
    border-radius: 5px;
    background: #ed7d31;
    color: #fff;
    border: none;
  }
  /*图片*/
  .img_img img{
    width: 200px;
    height: 100px;
    display: flex;
    position: relative;
    float: left;
    left: 70px;
    overflow: hidden;
  }
  img{
    padding-left: 10px;
    margin-top: 10px;
  }
  .img-left{
    margin-top: 10px;
    text-align: center;
    font-size: 1rem;
  }

  /*视频*/
  .video-list video  {
    display: flex;
    width: 20%;
    height: 200px;
    top: 168px;
    position: relative;
    float: left;
    left: 80px;
    /*margin-bottom: 90px*/
    line-height: 10px;
  }
  video {
    margin-top: 10px;
    margin-bottom: 100px;
    padding-left: 10px;
  }
  .video-right{
    top: 180px;
    /*right: 36%;*/
    font-size: 1rem;
    line-height: 130px;
    position: relative;
    margin-top: 10px;
    text-align: center;
    font-size: 1rem;

  }

  /*关闭小按钮*/
  .minClose img{
    width:24px;
    height:24px;
    background:#fff;
    color:#000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position:absolute;
    z-index:1000;
    right: -5px;
    top:-5px;
    font-size:18px;
    line-height:24px;
    cursor:pointer;

  }


  /*图片放大*/
  .image_Up{
    width:1000px;
    height:400px;
    text-align: center;
    top:15%;
    z-index:100000;
    position: fixed;
    left:50%;
    transform: translate(-500px);
    right: 0;
    bottom: 0;
  }
  </style>
